import React, {Component} from 'react';
import { Descriptions } from 'antd';
interface IProps{

}

interface IState {

}

class Dashboard extends Component<IProps,IState> {

   public render() {
        return (
            <Descriptions title="项目介绍"
                          layout="vertical"
                          bordered>
                <Descriptions.Item label="react" labelStyle={{ color: '#000', fontWeight: 600}}>Facebook出品MVC框架</Descriptions.Item>
                <Descriptions.Item label="jt-utils" labelStyle={{ color: '#000', fontWeight: 600}}>魏某人的私人工具库</Descriptions.Item>
                <Descriptions.Item label="mockjs" labelStyle={{ color: '#000', fontWeight: 600}}>后端模拟接口</Descriptions.Item>
                <Descriptions.Item label="typescript" labelStyle={{ color: '#000', fontWeight: 600}}>微软出品JavaScript超集</Descriptions.Item>
                <Descriptions.Item label="scss/sass" labelStyle={{ color: '#000', fontWeight: 600}}>
                    CSS扩展语言
                </Descriptions.Item>
                <Descriptions.Item label="antd" labelStyle={{ color: '#000', fontWeight: 600}}>
                    蚂蚁金服出品ReactUI库
                </Descriptions.Item>
                <Descriptions.Item label="综述" labelStyle={{ color: '#000', fontWeight: 600}}>
                    1. 完成模拟登录/退出与持续登录。
                    2. 完成动态路由渲染。
                    3. 完成动态菜单渲染。< br/>< br/>
                    4. 解决layout布局溢出问题。
                    5. 完成Table中button组件的封装(建议用hooks风格)
                </Descriptions.Item>
            </Descriptions>
        );
    }
}

export default Dashboard;
